html,body{
	margin:0 auto;
	padding:0;
	font-size:12px;
	font-family:"PingFangSC-light", "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	
	font-weight: 400;
	
	height:100%;
	color: #424242;
	background: #FFFFFF;
	min-width: 1200px;
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}
img{
	border:none;
}
a{
	text-decoration:none;
	color: inherit;
}
a:active{
	color: inherit;
	background: inherit;
}
li{
	list-style:none;
}
.red{
	color: red;
	
}
.mt40{
	margin-top: 40px;
}
.text-indent{
	text-indent: 1.5em;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after{
    clear: both;
}
.clearfix{
    *zoom: 1;/*ie6,7*/
}
.fl{
	float: left;
}
.fr{
	float: right;
}

.inner{
	width: 1200px;
	margin: 0 auto;
}

.header{
	height: 88px;
	width: 100%;
	background: #f2f2f2;
	
	
}

.header h1{
	
	float: left;
    margin-top: 14px;
}

.header h1 img{
	width: 166px;
	
}


.header .h_right ul{
	
	float: left;
	margin-right: 40px;
}
.header .h_right .h_login_box{
	float: right;
}

.header .h_right ul>li{
	float: left;
	position: relative;
    z-index: 2;	
}
.header .h_right ul>li>a{
	
	padding: 0 20px;
	line-height: 88px;
	font-size: 16px;
	color: #000000;
}

.header .h_right ul li>a:hover,.header .h_right ul li>a.active{
	color: #408ce1;
}

.header .h_right ul li>a span{
	display: block;
	line-height: 1;
	
}
.header .h_right ul li.hoverUp>a{
	line-height: 1;
    padding-top: 36px;
	display: block;
}
.header .h_right ul li.hoverUp>a span{
	display: block;
	line-height: 1;
	
}
.header .h_right ul li.hoverUp>a{
	transition: all 0.3s;
	transform: translateY(0px);
}
.header .h_right ul li.hoverUp>a span.hide{
	padding-top: 5px;
	visibility: hidden;
	opacity: 0;	
	transition: all 0.3s;
	color: #408ce1;
}
.header .h_right ul li.hoverUp a:hover span.hide{
	visibility: visible;
	opacity: 1;	
}


.header .h_right ul li.hoverUp a:hover{
	transform: translateY(-10px);
}

.header .h_right ul li .dropdown{
	position: absolute;
	left: -170px;
    top: 80px;
	width: 510px;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #bebdbd;
	padding: 15px 0;
	display: none;
	opacity: 0;
	z-index:10;
}

.header .h_right ul li .dropdown.small_we{
	width: 280px;
    left: -87px;
}
.header .h_right ul li .dropdown.small_we .triangle{
    left: 115px;
	
}




.header .h_right ul li .dropdown dl{
	margin:10px 0px;	
	padding-left: 60px;
}


.header .h_right ul li .dropdown dl.h_big_dl{
	padding-left: 30px;	
	line-height: normal;
}
.header .h_right ul li .dropdown dl dt,.header .h_right ul li .dropdown dl dd{
	float: left;
	
}

.header .h_right ul li .dropdown dl dd{

}
.header .h_right ul li .dropdown dl dt,.header .h_right ul li .dropdown dl dd p{

    color: #408ce1;
	font-size: 18px;
	line-height: 40px;
}
.header .h_right ul li .dropdown dl dd span{
	color: #a2a7b2;
	
}
.header .h_right ul li .dropdown dl.h_small_dl dd p{
	color: #a2a7b2;
	
}
.header .h_right ul li .dropdown dl dd p:hover{
	color: #323232;
	
}




.header .h_right ul li .dropdown dl.h_small_dl dt{
	width: 20px;
	height: 20px;
	padding-left: 54px;
	padding-top: 3px;
}
.header .h_right ul li .dropdown dl.h_small_dl dt img{
	width: 100%;
}




.header .h_right ul li .dropdown dl.h_big_dl dt{
	float: left;
}




.header .h_right .h_login_box{
	padding-top: 26px;
	font-size: 0;
	
}
.header .h_right .h_login_box a{
	display: inline-block;
    width: 70px;
	height: 32px;
	border: 1px solid #e0e0e0;
	color: #000000;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	border-radius: 20px 0px 0 20px;
}

.header .h_right .h_login_box a.btn_blue{
	background: #428ee3;
	color: #FFFFFF;
	border: 1px solid #428ee3;
	
	border-radius:0 20px 20px 0;
}

.language-arc{
	padding-top: 30px;
	line-height: 30px;
	position: relative;
	padding: 10px;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	width: 165px;
}
.language-arc p{
	padding: 5px;
	position: relative;
}

.language-arc p img{
	vertical-align: middle;
	width: 22px;
}


.language-arc p span{
	font-size: 14px;
	padding-left: 10px;
	cursor: pointer;
	position: relative;
	top: 1px;	
}


.language-arc .item{
	position: absolute;
	z-index: 9;
	background: #FFFFFF;
	padding: 10px;
    width: 200px;
	display: none;
}


.language-arc .item.isShow{
	display: block;
}



.language-arc .item ul li{
	font-size: 14px;
}

.language-arc .item ul li span{
	padding-left: 10px;
}
.language-arc .item ul li img{
	vertical-align: middle;
	width: 22px;
}

.shadow{
	box-shadow: 0px 0px 10px #e1e1e1;
}


.footer{
	padding-top: 20px;
	width: 100%;
	background:#a2a7b2;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding-bottom: 20px;
	
}
.triangle{
	position: absolute;
    top: -12px;
   	left: 205px;
	width: 37px;
	height: 12px;
	background-image: url(../img/triangle.png);
}



/*向上*/
.triangle_border_up{
    width:0;
    height:0;
    border-width: 0 15px 15px;
    border-style:solid;
    border-color:transparent transparent #FFFFFF;/*透明 透明  灰*/
    position: absolute;
    top: -15px;
   	left: 205px;
}
.triangle_border_down{
	width: 0;
    height: 0;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    position: absolute;
    top: 18px;
    right: 0;
}



.icon_index{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url(../img/bottom_icon.png);
    background-image: -webkit-image-set(url(../img/bottom_icon.png) 1x, url(../img/bottom_icon2.png) 2x);
	background-repeat: no-repeat;	
    background-position: -189px 0;
}

.icon_index_fb{
	background-position: -61px 0;
	
}
.icon_index_twitter{
    background-position: -124px 0;
	
}
.icon_index_wb{
    background-position: -0px 0;
}













.blue_box{
	height: 255px;
	background-image: url(../img/index/bottom-bg.jpg);
	background-position: center center;	
}


.blue_box p{ 
	text-align: center;
	font-size: 60px;
	color: #FFFFFF;
    padding-top: 40px
}

.blue_box .blue_box_btn{
	text-align: center;
	padding-top: 40px;
}



.blue_box .blue_box_btn a{

	display: inline-block;
	width: 200px;
	background: #ef9135;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	margin: 0 30px;
	color: #FFFFFF;
	font-size: 18px;	
}


.bottom_box{
	background: #FFFFFF;
	padding: 40px 0;
}


.bottom_box .left ul li{
	
	float: left;
	font-size: 18px;
	border-right: 1px solid #1c1f27;
	line-height: 1;
}
.bottom_box .left ul li:last-child{
	border:none;
	
}
.bottom_box .left ul{
	
	margin-left: -14px;
}
.bottom_box .left ul li a{
	padding: 0 14px;
	color: #1c1f27;
	
}


.bottom_center{
	padding-top: 30px;
	
}
.bottom_center p{
	
	font-size: 14px;
	padding-bottom: 15px;
}


.bottom_box .right{
	
}

.bottom_box .right h4{
	font-size: 18px;
	font-weight: normal;
	
}
.bottom_box .left .icon_box {
    margin-top: 20px;
    padding-left: 0px;
    margin-left: -2px;
    position: relative;
}

.bottom_box .left .icon_box span{
	
	margin-right: 20px;
	
}

.bottom_box .left .icon_box .ewm_box{
	position: absolute;
    top: -120px;
	left: 158px;
    display: none;
	
}

.english_p{
	float: left;
}
.english_p h6{
	font-size: 16px;
	padding-bottom: 10px;
}

.english_p p{
	
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 10px;
}

.pci{
	text-align: right;
    padding-top: 115px;
    float: right;
    margin-left: 55px;
}


.pci img{
	width: 90px;
}
.font_big p a{
	font-size:16px;
	line-height: 30px;
}


.swiper-pagination-bullet{
	background: #FFFFFF;
	opacity: 1;
	width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active{
	background: #007aff;
}